<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Blog登录</title>
    <link rel="icon" href="../static/image/titleImage.png" type="image/x-icon"/>
    <script src="../static/js/jquery/jquery-3.3.1.js"></script>
    <script src="../static/js/bootstrap-3.3.7/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../static/js/bootstrap-3.3.7/css/bootstrap-dialog.min.css">
    <link rel="stylesheet" href="../static/js/bootstrap-3.3.7/css/bootstrap.css">
    <script src="../static/js/bootstrap-3.3.7/js/bootstrap-dialog.min.js"></script>
    <script src="../static/js/vue/vue.js"></script>
    <script src="../static/js/vue/vue-resource.js"></script>
    <script src="../static/js/mockjs/mock.js"></script>
</head>
<body>
<nav class="navbar navbar-default" role="navigation"
     style="padding-top: 10px;padding-bottom: 10px;padding-left: 250px;margin-bottom: 0">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#" style="font-size: 60px;">考勤系统</a>
        </div>
        <div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">请假系统</a></li>
                <li><a href="http://www.baidu.com">人力资源系统</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Java
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">jmeter</a></li>
                        <li><a href="#">EJB</a></li>
                        <li><a href="#">Jasper Report</a></li>
                        <li class="divider"></li>
                        <li><a href="#">分离的链接</a></li>
                        <li class="divider"></li>
                        <li><a href="#">另一个分离的链接</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <form class="navbar-form navbar-left" role="search" style="float: right;padding-left: 300px">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Search">
            </div>
            <button type="submit" class="btn btn-default">提交</button>
        </form>
    </div>
</nav>

<div id="content" style="height: 500px;width: 300px">
    <div id="left" style="background-color: red; width: 200px; height: 100%; float: left">xxx</div>
    <div id="right" style="background-color: green; width: 50px; height: 100%">dmj</div>
</div>
</body>
<script>

</script>
</html>